<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <style>
            table{
                margin-top: 2%;
            }
            fieldset{
                margin-left:25%; 
                margin-right: 25%;
            }
        </style>
        <script src="operaciones.js"></script>
    </head>
    <body onload="iniciar();">
        <?php
        // put your code here
        ?>
        <form id="ingInfo" method="POST">
            <fieldset>
                <legend>Ingrese la informaci&oacute;n</legend>
                <table>
                    <tr>
                        <td>
                            Nombre:
                        </td>
                        <td>
                            <input type="text" id="txtNombre">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Tipo:
                        </td>
                        <td>
                            <select id="slTipo">
                                <option value="act">Actividad</option>
                                <option value="int">Interrupci&oacute;n</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Actividad:
                        </td>
                        <td>
                            <select id="slActi">
                                
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Descriptci&oacute;n:
                        </td>
                        <td>
                            <textarea id="txtaCaracteristicas"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Fecha/Hora inicio:
                        </td>
                        <td>
                            <input type="text" id="txtFechini" readonly="readonly" disabled="disabled" >
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Fecha/Hora fin:
                        </td>
                        <td>
                            <input type="text" id="txtFechfin" readonly="readonly" disabled="disabled" >
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Total:
                        </td>
                        <td>
                            <input type="text" id="txtTotal" readonly="readonly" disabled="disabled" >
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input type="button" id="btnIniciar" value="Iniciar" onclick="cargarTabla(txtNombre.value,txtaCaracteristicas.value,slTipo.value,slActi.value)">
                        </td>
                    </tr>
                </table>
            </fieldset>
        </form>
        <!--
        <div id="contenedor">
            
        </div>-->
    </body>
</html>
